<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>title</title>
		<!--<link rel="stylesheet" type="text/css" href="../css/api.css"/>-->
		<script type="text/javascript" src="../script/api.js"></script>
		<script type="text/javascript" src="../script/config.js"></script>
		<script type="text/javascript" src="../script/jquery-2.1.3.js"></script>
		<script type="text/javascript" src="../script/av-0.5.0.min.js"></script>
		<script type="text/javascript" src="../script/mico-ac-0.2.js"></script>
		<style>
			body {
				font-size: 15px;
				color: green;
				font-family: '黑体';
			}
			input {
				width: 100px;
				height: 20px;
				border: 1px solid #99D3F5;
				border-radius: 4px;
			}
			.ipbutton {
				width: 100px;
				height: 25px;
				background: #D0EEFF;
				border: 1px solid #99D3F5;
				border-radius: 4px;
				color: #B7197C;
			}
			.title {
				font-weight: bolder;
				color: #D23434;
			}
		</style>
	</head>
	<body>
		<br/>
		<br/>
		<span class="title">(一)用户的创建需要这样几步：</span>
		<br/>
		1、先输入我的手机号
		<input type="text" id="myphone" value=''/>
		<br/>
		2、然后点击
		<input class="ipbutton" type="button" onclick="getSMS()" value="获取验证码"/>
		<br/>
		3、手机上应该就收到短信了，在
		<input type="text" id="smscode" value=""/>
		填入收到的验证码，点击
		<input  class="ipbutton" type="button" onclick="checkcode()" value="验证验证码"/>
		<br/>
		4、如果验证通过了，那么我们在给自己设置一个初始密码
		<input type="text" id="password" value=""/>
		好的，点击
		<input class="ipbutton" type="button" onclick="setpassword()" value="设置初始密码"/>
		用户就创建完成了。
		<br/>
		<br/>
		<span class="title">(二)登录</span>
		<br/>
		创建成功了后，我想看看这个账号是不是能登录：
		<br/>
		1、试着输入手机号
		<input type="text" id="myphonelogin" value="18030303620"/>
		和密码
		<input type="text" id="password1" value="123456"/>
		，点击
		<input class="ipbutton" type="button" onclick="login()" value="登录"/>
		，是不是已经登录成功了？
		<br/>
		<br/>
		<span class="title">(三)密码</span>
		<br/>
		如果忘记密码了，
		<br />
		1、首先我要在创建用户的第一步，输入手机号，验证短信验证码，
		<br/>
		2、验证通过后，在这里输入新密码
		<input type="text" id="password2" value=""/>
		点击
		<input class="ipbutton" type="button" onclick="resetPassword()" value="重置密码"/>
		，好的，密码重置成功。
		<br/>
		3、如果我没有忘记密码，只是想修改下，我先输入老秘密
		<input type="text" id="password3" value=""/>
		，再输入新密码
		<input type="text" id="password4" value=""/>
		点击
		<input class="ipbutton" type="button" onclick="updatePassword()" value="修改密码"/>
		，嗯嗯，不错，密码也修改好了。
		<br/>
		<br/>
		<br/>
		<a href="./deviceManage.html">好了，我要去玩设备了</a>
	</body>
	<script type="text/javascript">
		apiready = function() {
			//			checkcode();
		};
		function getSMS() {
			var phone = $("#myphone").val();
			var template = "micodeveloper";
			var username = "MM";
			var name = '我的世界';
			var appname = 'MiCO开发者';
			var ttl = 10;
			MiCO.getSmsCode(phone, template, username, name, appname, ttl, function(ret) {
				alert(JSON.stringify(ret));
			});
		}

		function checkcode() {
			var phone = $("#myphone").val();
			var smscode = $("#smscode").val();
			MiCO.checkSmsCode(phone, smscode, function(ret, err) {
				alert(JSON.stringify(ret));
			});
		}

		function setpassword() {
			var phone = $("#myphone").val();
			var password = $("#password").val();
			MiCO.setInitPwd(phone, password, function(ret, err) {
				alert(JSON.stringify(ret));
			});
		}

		function login() {
			var phone = $("#myphonelogin").val();
			var password = $("#password1").val();
			MiCO.loginWithPhone(phone, password, function(ret, err) {
				if (ret)
					alert(JSON.stringify(ret));
				else
					alert(JSON.stringify(err));
			});
		}

		function resetPassword() {
			var password = $("#password2").val();
			MiCO.resetPassword(password, function(ret, err) {
				if (ret)
					alert(JSON.stringify(ret));
				else
					alert(JSON.stringify(err));
			});
		}

		function updatePassword() {
			var oldpsw = $("#password3").val();
			var password = $("#password4").val();
			MiCO.updatePassword(oldpsw, password, function(ret, err) {
				if (ret)
					alert(JSON.stringify(ret));
				else
					alert(JSON.stringify(err));
			});
		}
	</script>
</html>